<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Lv technology Blog</title>
<!--
Classic Template
http://www.cssmoban.com/tm-488-classic
-->

    <link rel="stylesheet" href="../file/css/bootstrap.min.css">      <!-- Bootstrap style -->
    <link rel="stylesheet" href="../file/css/templatemo-style.css">           <!-- Templatemo style -->
    <!-- <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> --> 
    <!-- 代码展示插件 -->
    <link rel="stylesheet" href="file/code_high/styles/dark.css">
    <script src="file/code_high/highlight.pack.js"></script>
    <!-- 初始化 -->
    <script>hljs.initHighlightingOnLoad();</script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
          <![endif]-->
    <style type="text/css">
        pre{
            border-radius: 10px;
        }
    </style>
</head>

    <body>
       
        <div class="tm-header">
            <div class="container-fluid">
                <div class="tm-header-inner">
                    <a href="../blog_index.html" class="navbar-brand tm-site-name">绿绿峰</a>
                    
                    <!-- navbar -->
                    <nav class="navbar tm-main-nav">

                        <button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#tmNavbar">
                            &#9776;
                        </button>
                        
                        <div class="collapse navbar-toggleable-sm" id="tmNavbar">
                            <ul class="nav navbar-nav">
                                <li class="nav-item active">
                                    <a href="te_blog_index.html" class="nav-link">【技术】</a>
                                </li>
                                <li class="nav-item">
                                    <a href="../life/li_blog_index.html" class="nav-link">生活</a>
                                </li>
                                <li class="nav-item">
                                    <a href="../hobby/ho_blog_index.html" class="nav-link">爱好</a>
                                </li>
                                <li class="nav-item">
                                    <a href="../talk/ta_blog_index.html" class="nav-link">杂谈</a>
                                </li>
                            </ul>                        
                        </div>
                        
                    </nav>  

                </div>                                  
            </div>            
        </div>

        <!-- <div class="tm-blog-img-container"> -->
            <!-- banner图片 -->
            <!-- <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1543653491162&di=7af4fcf77a6ce2529620d6a9b2f44c4e&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2Fbd3eb13533fa828b58610fd8f61f4134970a5a4f.jpg" width="100%" height="260"> -->
        <!-- </div> -->

        <section class="tm-section">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-8 col-lg-9 col-xl-9">
                        <div class="tm-blog-post">
                            <h3 class="tm-gold-text">Chrome新体验</h3>
                            <p>日常使用Chrome时候，偶尔蹦出来个提示升级。但是国内没个办法升级，so用了一种“手法”下载了最新版Chrome（），遂写一份上手体验吧~</p>
                            <img src="https://mmbiz.qpic.cn/mmbiz_png/peBOMyPyUFZ30xQLASWzDF6ZrCW04B1fpE3xIPiaq5ibu5JzsV4HSHPFwLgEbDrV8lG18YUqcoBRb14KLy2icEdzQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" alt="Chrome" class="img-fluid tm-img-post"><hr>
                            <p>想当年，刚上手这个browser，啥玩意儿，使用也没个门道。最后顺手了，还是它简单高效。而且隐藏功能极多~

Look！</p>
                            <img src="https://mmbiz.qpic.cn/mmbiz_png/peBOMyPyUFZ30xQLASWzDF6ZrCW04B1fMSnoJ9kCWfezAjIBFwrPB43LtibNyxVe4XWVYeic8NNRmVUmRcL1a1Sg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" alt="Chrome" class="img-fluid tm-img-post"><hr>
                            <p>首先，大改之前的标签卡片样式，成了萌萌哒圆角标签卡片（PS：个人感觉没得之前好）很符合win10系统的感觉，鼠标滑过标签还自带阴影特效！

动作更流畅，使用的时候，发现它非常流畅，诸如常用的动态缩放，滚动页面，还有最常用的搜索，在数据量非常大的时候，懒加载的效果也还不赖~

重点是新增了任务管理器，一个自带的小插件程序，可以查看每个标签或者小程序，插件的状态，网络内存CPU进程ID的，适合前端开发使用~666

还有它的‘无痕模式’，不缓存历史记录……这里不描述了~</p>
                            <img src="https://mmbiz.qpic.cn/mmbiz_png/peBOMyPyUFZ30xQLASWzDF6ZrCW04B1fkwd9KoB4T4zicvNzTKYnFIdYXialxzUrw7dutWMsdU2icBa3TKmibPnXjA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" alt="代码" class="img-fluid tm-img-post"><hr>
                            <p>用户模块，可以设置个萌萌哒头像，姓名地址啥的，虽然国内用不了，但还是个小彩蛋儿。新版Chrome的扁平化风格像极了bootstrap，包括icon和button。搜索栏变成了圆弧型，还阔以吧~</p>
                            <img src="https://mmbiz.qpic.cn/mmbiz_png/peBOMyPyUFZ30xQLASWzDF6ZrCW04B1fVnwvnrLr1phOsqU0gVBpETH29TVfGoL9CsqLsruyVBbNQ4esRGQuJQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" alt="Chrome" class="img-fluid tm-img-post"><hr>
                            <p>咱只关注控制台~但就是这里没啥大的变化但仍然有小细节，比如在net中鼠标悬浮就会看到详情（模态框）还有控制台的字够大的~或许是新版的Chrome读取计算机配置后，觉得咱的电脑显示分辨率很渣渣，遂给你大点显示<br><hr>
                            <img src="https://mmbiz.qpic.cn/mmbiz_png/peBOMyPyUFZ30xQLASWzDF6ZrCW04B1fc8I5JicupIlwM6Reb0wtv89golINdgLY16NTEBqLicz0vTPdYPcVIxUw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" alt="Chrome" class="img-fluid tm-img-post"><hr>
                            <p>新版可以换个字体咯！怎么说，对于这里改动，算是喜忧参半吧。首先，加载字体在计算机本地，当执行网页渲染的时候，HTML没有指定字体的时候读取，因而会造成一种现象，当字体文件不全的时候，各种字体的页面会很难看~会稍稍降低解析网页效率，，虽然你还不算完善，但是体验了一把，用自己的字体看网页，也还是蛮个性的~稀饭</p>
                            <img src="https://mmbiz.qpic.cn/mmbiz_png/peBOMyPyUFZ30xQLASWzDF6ZrCW04B1fGyHzcN6MJ9hwI7VM1wicLp4hbRXZHcIkpnTNjoic5TRq7R8jUCFPkpsw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" alt="Chrome" class="img-fluid tm-img-post"><hr>
                            <p>Chrome最吸引我的，就是它的简单，迅速，插件多！</p>
                        </div>
                        
                        <div class="row tm-margin-t-big">
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">

                                <div class="tm-content-box">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1533740798631&di=0eeac759e43045bf09312957e888b439&imgtype=0&src=http%3A%2F%2Fd.hiphotos.baidu.com%2Fzhidao%2Fpic%2Fitem%2F1ad5ad6eddc451da02496daeb7fd5266d0163233.jpg" alt="Image" class="tm-margin-b-30 img-fluid">
                                    <h4 class="tm-margin-b-20 tm-gold-text">代码高亮插件</h4>
                                    <p class="tm-margin-b-20">日常在代码显示和在html中展现的时候用到~</p>
                                    <a href="te_blog_1.html" class="tm-btn text-uppercase">详情</a>    
                                </div>  

                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">

                                <div class="tm-content-box">
                                    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1533741511745&di=8c6931db1be7c646c659cc35b8557260&imgtype=0&src=http%3A%2F%2Fp7.qhimg.com%2Ft01257bd644c21ffa2d.png" alt="Image" class="tm-margin-b-30 img-fluid">
                                    <h4 class="tm-margin-b-20 tm-gold-text">MySQL问题总结（一）</h4>
                                    <p class="tm-margin-b-20">整理一下MySQL遇到过的麻烦事儿</p>
                                    <a href="te_blog_2.html" class="tm-btn text-uppercase">点击详情</a>    
                                </div>  

                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4">

                                <div class="tm-content-box">
                                    <img src="../file/image/tm-img-310x180-3.jpg" alt="Image" class="tm-margin-b-30 img-fluid">
                                    <h4 class="tm-margin-b-20 tm-gold-text">文章 #3</h4>
                                    <p class="tm-margin-b-20">你我无缘</p>
                                    <a href="#" class="tm-btn text-uppercase">详情</a>    
                                </div>  

                            </div>    
                        </div>
                        
                    </div>

                    <aside class="col-xs-12 col-sm-12 col-md-4 col-lg-3 col-xl-3 tm-aside-r">

                        <div class="tm-aside-container">
                            <h3 class="tm-gold-text tm-title">
                                文章来源
                            </h3>
                            <nav>
                                <ul class="nav">
                                    <li><a href="https://mp.weixin.qq.com/s/-0QAzFWoztoz9QMi7nVJbw" target="_blank" class="tm-text-link">Chrome新体验</a></li>
                                </ul>
                            </nav>
<!--                             <hr class="tm-margin-t-small">   
                            <h3 class="tm-gold-text tm-title tm-margin-t-small">
                                第二部分
                            </h3>
                            <nav>   
                                <ul class="nav">
                                    <li><a href="#" class="tm-text-link">角色</a></li>
                                    <li><a href="#" class="tm-text-link">挑战</a></li>
                                    <li><a href="#" class="tm-text-link">坚持</a></li>
                                </ul>
                            </nav>  -->  
<!--                             <hr class="tm-margin-t-small"> 

                            <div class="tm-content-box tm-margin-t-small">
                                <a href="#" class="tm-text-link"><h4 class="tm-margin-b-20 tm-thin-font">描述 #1</h4></a>
                                <p class="tm-margin-b-30">可以随笔一些</p>
                            </div>
                            <hr class="tm-margin-t-small">
                            <div class="tm-content-box tm-margin-t-small">
                                <a href="#" class="tm-text-link"><h4 class="tm-margin-b-20 tm-thin-font">描述 #2</h4></a>
                                <p>新加点内容</p>
                            </div>   -->     
                        </div>
                        
                    </aside>

                </div>
                
            </div>
        </section>
        
        <footer class="tm-footer">
            <div class="container-fluid">
                <div class="row">
                    
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                        
                        <div class="tm-footer-content-box">
                            <h3 class="tm-gold-text tm-title tm-footer-content-box-title">Chrome</h3>
                            <div class="tm-gray-bg">
                                <p>一个程序员指定用过的浏览器</p>
                                <p>极速</p>
                                <p><strong>LvLvFeng</strong></p>    
                            </div>    
                        </div>
                                                
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                        <div class="tm-footer-content-box tm-footer-links-container">
                        
                            <h3 class="tm-gold-text tm-title tm-footer-content-box-title">友情链接</h3>
                            <nav>
                                <ul class="nav">
                                    <li><a href="http://www.google.cn/" target="_blank" class="tm-footer-link">Google官网</a></li>
                                    <li><a href="http://www.google.cn/maps" target="_blank" class="tm-footer-link">谷歌地图</a></li>
                                    <li><a href="https://chrome.en.softonic.com/" target="_blank" class="tm-footer-link">Chrome下载</a></li>
                                </ul>
                            </nav>

                        </div>
                        
                    </div>

                    <!-- Add the extra clearfix for only the required viewport 
                        http://stackoverflow.com/questions/24590222/bootstrap-3-grid-with-different-height-in-each-item-is-it-solvable-using-only
                    -->
                    <div class="clearfix hidden-lg-up"></div>

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">

                        <div class="tm-footer-content-box">
                        
                            <h3 class="tm-gold-text tm-title tm-footer-content-box-title">其他文章</h3>
                            <p class="tm-margin-b-30">
                                <a href="https://blog.csdn.net/m0_37724356/article/details/79884006" target="_blank">ChromeF12功能介绍</a></p>
                                <!-- <hr class="tm-margin-b-30"> -->
                            
                            <a href="https://www.baidu.com" class="tm-btn tm-btn-gray text-uppercase" target="_blank">百度上查看更多</a>

                        </div>
                        
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">

                        <div class="tm-footer-content-box">
                        
                            <h3 class="tm-gold-text tm-title tm-footer-content-box-title">~小编公众号~</h3>
                            <div class="tm-margin-b-30">
                                <img src="../file/image/qr.png" alt="Image" class="tm-footer-thumbnail">
                                <!-- <img src="../file/image/tm-img-100x100-2.jpg" alt="Image" class="tm-footer-thumbnail"> -->
                            </div>
                            <!-- <p class="tm-margin-b-20">戳下面下载</p> -->
                            <!-- <a href="https://dev.mysql.com/downloads/" target="_blank" class="tm-btn tm-btn-gray text-uppercase">下载MySQL</a> -->

                        </div>
                        
                    </div>


                </div>

                <div class="row">
                    <div class="col-xs-12 tm-copyright-col">
                        <p class="tm-copyright-text">Copyright 2018 LvFeng Blog</p>
                    </div>
                </div>
            </div>
        </footer>

        <!-- load JS files -->
        <script src="../file/js/jquery.min.js"></script>             <!-- jQuery (https://jquery.com/download/) -->
        <script src="../file/js/tether.min.js"></script>
        <!-- <script src="https://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> --> <!-- Tether for Bootstrap, http://stackoverflow.com/questions/34567939/how-to-fix-the-error-error-bootstrap-tooltips-require-tether-http-github-h --> 
        <script src="../file/js/bootstrap.min.js"></script>                 <!-- Bootstrap (http://v4-alpha.getbootstrap.com/) -->
       
</body>
</html>